/* Umatilla Styles */
:root {
    --county-black: rgb(50, 50, 50);
    --county-gray: rgb(225, 225, 225);
    --county-gray2: rgb(150, 150, 150);
    --county-blue: #12212f;
    --county-title-bar: rgb(84, 63, 55);
    --county-transparent-light: rgb(255,255,255, 0.3);
    --county-transparent-dark: rgb(0,0,0,0.5);
    --county-white: rgb(250,250,250);
}

#website-body {
    --banner-image-width: 145px;
    --banner-image-width-small: 120px;
    --banner-background-color: var(--county-blue);
    --banner-foreground-color: var(--county-white);
    --banner-foreground-color-helion: var(--county-gray2);
    --sidebar-background-color: var(--county-gray);
    --sidebar-background-color-top-row: var(--county-title-bar);
    --sidebar-link-background-color-hover: var(--county-transparent-dark);
    --sidebar-link-foreground-color: var(--county-black);
    --sidebar-link-foreground-color-top-row: var(--county-transparent-light);
}


@media(min-width: 526px){
    #county-logo {
        margin-left: 80px;
    }
}